<!DOCTYPE html>
<html>
  <head>
    <title>@yield('title', 'SysGanadero')</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {{-- Bootstrap --}}
    
    {{ HTML::style('css/estilos.css', array('media' => 'screen')) }}
    {{ HTML::style('css/bootstrap.css', array('media' => 'screen')) }}
    
    {{ HTML::style('css/font-awesome.css', array('media' => 'screen')) }}
    {{ HTML::style('css/bootstrap-table.css', array('media' => 'screen')) }}


    {{-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --}}
    <!--[if lt IE 9]>
        {{ HTML::script('js/html5shiv.js') }}
        {{ HTML::script('js/respond.min.js') }}
    <![endif]-->
    {{ HTML::script('js/jquery-2.1.1.js') }}
  </head>
  <body style="background:#f2f3f4">
    <nav class="navbar navbar-default navbar-static-top" role="navigation">
    <div class="container">
        <!-- ADAPTA EL NAV A EL TELEFONO  -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
           </button>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <div class="btn-compose pull-left">
              <div class="btn-group" role="group">
              <a type="button" class="btn btn btn-default navbar-btn" onClick ="atras()"><i class="fa fa-arrow-circle-left fa-lg "></i>Atras</a>
                <a type="button" class="btn btn-danger navbar-btn" href="{{URL::to('/')}}"> <i class="fa fa-home fa-lg "></i> INICIO</a></div>
            </div>
            <ul class="nav navbar-nav">
                <li>
                    <a href="#">
                        <span class="fa fa-cog fa-lg"> </span>Mantenimiento
                    </a>
                </li>
                <li><a href="{{URL::to('clienteproveedor')}}">Agregar Cliente-Proveedor</a>

                </li>
                <li><a href="{{URL::to('tipos_insumos')}}">Agregar Insumos</a>

                </li>
                </li>
                <li><a href="{{URL::to('razas')}}">Agregar razas</a>
                </li>
                
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="{{URL::to('/')}}"><div class="logo"></div></a>

                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>




<div class="tab-content">
  <div class="tab-pane active">
      
      <div class="container" style = "width: 100%">
           <div class="">
            <div class="col-md-2">
                <div class="list-group">
                   <section>@yield('opciones')</section>
               </div>
           </div>
               <div class="col-md-10">
                   <section>@yield('content')</section>
                   <section>@yield('mensaje')</section>
               </div>
           </div>
       </div>
      
  </div>
</div>
    <section>@yield('script')</section>
    
    <section>@yield('modal')</section>
    
    {{ HTML::script('js/jquery.js') }}
    {{ HTML::script('js/bootstrap.min.js') }}
    {{ HTML::script('js/estilos.js') }}
    {{ HTML::script('js/bootstrap-table.js') }}

    

  </body>
</html>